<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>    
<%@include file="common/common.jsp"%>   
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>企商云官网</title>
	</head>

	<body>
		<input id="type" type="hidden" value="1"/> 
		<!--头部  开始-->
		<%@include file="common/header.jsp"%>
		<!--头部  结束-->
		
		<!--首页-->
		<div class="same home container clearfix">
			<!-- 购物车标签   开始 -->
			
			<%-- <div class="search">
				<a href="${ctx }/" class="logo"><img src="${ctx }/images/logo.png" alt="LOGO" /></a>
				<div class="r">
					<input type="text" placeholder="输入关键词" /><button>1</button>
					<a href="${ctx }/cart/cartPage?cartType=all"><span>我的购物车
                            <i><%=cartItemsCount%></i>
                      </span>
					</a>
				</div>
			</div> --%>
			<%@ include file="common/top.jsp"%>
			<!-- 购物车标签   结束 -->
			
			<!--页面导航栏 与商品分类展示   开始  -->
			<div class="nav f16">
				<!--商品列表-->
					<!-- 引入商品分类信息   开始 -->	
					<%@ include file="common/goods_class.jsp"%>
					<!-- 引入商品分类信息   结束 -->
					<!-- 引入 导航栏的信息  开始 -->
					<%@ include file="common/nav.jsp"%>
					<!-- 引入 导航栏的信息  结束 -->
			</div>
			<!--页面导航栏 与商品分类展示  结束  -->
			<!--*****轮播图******-->
			<div id="shuffling">
				<div id="list" style="left: -1100px;">
		            <img src="${ctx }/images/banner3.png" alt="1"/>
		            <img src="${ctx }/images/banner4.png" alt="2"/>
		            <img src="${ctx }/images/banner.png" alt="3"/>
		            <img src="${ctx }/images/banner2.png" alt="4"/>		
		            <img src="${ctx }/images/banner3.png" alt="1"/>
		           <%--  <img src="${ctx }/images/banner4.png" alt="2"/> --%>
	        	</div>
	        	<div id="buttons">
		            <span index="1" class="on"></span>
		            <span index="2"></span>
		            <span index="3"></span>
		            <span index="4"></span>
	        	</div>
		        <a href="javascript:;" id="prev" class="arrow">&lt;</a>
		        <a href="javascript:;" id="next" class="arrow">&gt;</a>
			</div>
			<!--********轮播图结束**********-->
			
			<div class="floor">
				<div class="hot clearfix three">
					<ul>
						<li class="first">
							<p>人气推荐</p>
							<p class="b">HOT</p>
						</li>
						
						<c:forEach items="${goodsHotList}" var="hot" varStatus="status">
							<c:if test="${status.index+1 < 8}">
								<li>
									<a href="${ctx}/goods/queryGoodsDetail?id=${hot.id}" target="_blank">
										<c:choose>	
											<c:when test="${hot.picture!=null }">
												<img src="${baseFile}${hot.picture}" alt="" />
											</c:when>
											<c:otherwise>
												<img src="${ctx}/images/hot02.png" alt="" />
											</c:otherwise>
										</c:choose>
										<div>
											<p class="desc">${hot.name }</p>
												<c:if test="${hot.proTitle!='' }">
									            <p class="sales">${hot.proTitle }</p>
								           </c:if>
									       <p class="price">
												¥ ${hot.marketPrice }
												<span class="r" style="color:#333;font-size:14px;">月销 ${hot.monthSaleMount}笔</span>
											</p>
										</div>	
									</a>
								</li>
							</c:if>
						</c:forEach>
					</ul>
				</div>
			
				<jsp:include page="goodsClass/class_list2.jsp" flush="true" >
					<jsp:param value="14" name="classId"/>
					<jsp:param value="${ctx}" name="ctx"/>
					<jsp:param value="${baseFile}" name="baseFile"/>
					
				</jsp:include>
				<%-- <jsp:param value="玩具类" name="pageTitle"/> --%>
				<%-- <jsp:include page="goodsClass/class_list2.jsp" flush="true" >
					<jsp:param value="10" name="classId"/>
					<jsp:param value="${ctx}" name="ctx"/>
					<jsp:param value="${baseFile}" name="baseFile"/>
					<jsp:param value="母婴用品类" name="pageTitle"/>
				</jsp:include>
				<jsp:include page="goodsClass/class_list2.jsp" flush="true" >
					<jsp:param value="32" name="classId"/>
					<jsp:param value="${ctx}" name="ctx"/>
					<jsp:param value="${baseFile}" name="baseFile"/>
					<jsp:param value="食品类" name="pageTitle"/>
				</jsp:include> --%>
		</div>
		<%-- div class="recent_news container clearfix">
			<ul>
				<li class="dynamic">
					<p class="f18">最新动态</p>
					<div class="wrap">
						<div>
							<a href="news.html">
								<img src="${ctx }/images/dt1.png" alt="" />
								<p>韩都衣舍携手章子怡出资打造彩妆品牌...</p>
							</a>
							<a href="news.html" class="middle">
								<img src="${ctx }/images/dt2.png" alt="" />
								<p>韩都衣舍携手章子怡出资打造彩妆品牌...</p>
							</a>
							<a href="news.html">
								<img src="${ctx }/images/dt3.png" alt="" />
								<p>韩都衣舍携手章子怡出资打造彩妆品牌...</p>
							</a>
						</div>
						<hr />
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
						<a href="">
							<dl class="clearfix f12 nine">
								<dt>少了这八款服装，真心疼你，跟不上潮流的脚步！</dt>
								<dd>2017-03-20</dd>							
							</dl>
						</a>
					</div>
				</li>
				<li class="answer">
					<p class="f18">推荐问答</p>
					<div class="wrap">
						<form action="" class="clearfix">
							<input type="text" placeholder="简单描述你的问题"/>
							<button>找答案</button>
							<a href="">去提问</a>
						</form>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						<dl class="clearfix">
							<dt><i>问</i>冬天吊带连衣裙搭配什么外套好看？ </dt>
							<dd>10条回答</dd>
						</dl>
						
					</div>
				</li>
				<li class="info clearfix">
					<p class="f18">热门资讯</p>
					<div class="wrap">
						<div class="clearfix">
							<a href="">
								<img src="${ctx }/images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="${ctx }/images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
						<div class="clearfix">
							<a href="">
								<img src="${ctx }/images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="${ctx }/images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
						<div class="clearfix">
							<a href="">
								<img src="${ctx }/images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="${ctx }/images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
						<div class="clearfix">
							<a href="">
								<img src="${ctx }/images/zx.png" alt="" />
							</a>
							<div class="l">
								<a href=""><p>继王俊凯之后 耐克又打破惯例请来...</p></a>
								<p class="clearfix f10 nine"> 
									<span class="l">2017-03-20</span>
									<span class="browse r"><img src="${ctx }/images/ly.png" alt="" />30</span>
								</p>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div> --%>
		</div>
		<!-- 引入底部的页面  开始-->
		<%@include file="common/bottom.jsp"%>
		
	</body>
	<!-- 引入底部的页面  结束-->	
   <%--  <script src="${ctx}/js/jquery-2.0.2.js"></script> --%>
	<script src="${ctx}/js/index.js"></script>
	<script src="${ctx}/js/shuffle.js"></script>
</html>